<div class="grid_12">
    <h1 class="hMarginTop_25">Tranh gạo</h1>
</div>

<div class="grid_3">
    <div class="productWrapper">
        <div class="productHead">
            <span class="productHeadIcon"></span>
            <h3>Tên sản phẩm này</h3>
        </div>
        
        <div class="productImage">
            <a href="images/products/image_01.jpg" title=""
               class="fancybox" data-fancybox-group="gallery" data-title-id="1">
                <img src="images/products/01.jpg" />
            </a>
        </div>
        
        <div class="productFoot">
            <span class="productFootText_1">KT: 50x20x20cm</span>
            <span class="productFootText_2">MS:CG-001</span>
        </div>
        
        <div class="null" id="fancyTitle1">
            Title 1 (KT: 50x20x20cm, MS:CG-001) <a href="http://gmail.com" class="link">Link</a>
        </div>
    </div>
    <div class="productShadow"></div>
</div>
<div class="grid_3">
    <div class="productWrapper">
        <div class="productHead">
            <span class="productHeadIcon"></span>
            <h3>Tên sản phẩm này</h3>
        </div>
        
        <div class="productImage">
            <a href="images/products/image_02.jpg" title=""
               class="fancybox" data-fancybox-group="gallery" data-title-id="2">
                <img src="images/products/02.jpg" />
            </a>
        </div>
        
        <div class="productFoot">
            <span class="productFootText_1">KT: 50x20x20cm</span>
            <span class="productFootText_2">MS:CG-002</span>
        </div>
        
        <div class="null" id="fancyTitle2">
            Title 2 (KT: 50x20x20cm, MS:CG-002)
        </div>
    </div>
    <div class="productShadow"></div>
</div>
<div class="grid_3">
    <div class="productWrapper">
        <div class="productHead">
            <span class="productHeadIcon"></span>
            <h3>Tên sản phẩm này</h3>
        </div>
        
        <div class="productImage">
            <a href="images/products/image_03.jpg" title=""
               class="fancybox" data-fancybox-group="gallery" data-title-id="3">
                <img src="images/products/03.jpg" />
            </a>
        </div>
        
        <div class="productFoot">
            <span class="productFootText_1">KT: 50x20x20cm</span>
            <span class="productFootText_2">MS:CG-001</span>
        </div>
        
         <div class="null" id="fancyTitle3">
            Title 3 (KT: 50x20x20cm, MS:CG-002)
        </div>
    </div>
    <div class="productShadow"></div>
</div>
<div class="grid_3">
    <div class="productWrapper">
        <div class="productHead">
            <span class="productHeadIcon"></span>
            <h3>Tên sản phẩm này</h3>
        </div>
        
        <div class="productImage">
            <a href="images/products/image_04.jpg" title=""
               class="fancybox" data-fancybox-group="gallery" data-title-id="4">
                <img src="images/products/04.jpg" />
            </a>
        </div>
        
        <div class="productFoot">
            <span class="productFootText_1">KT: 50x20x20cm</span>
            <span class="productFootText_2">MS:CG-001</span>
        </div>
        
         <div class="null" id="fancyTitle4">
            Title 4 (KT: 50x20x20cm, MS:CG-002)
        </div>
    </div>
    <div class="productShadow"></div>
</div>
<div class="grid_12 productSeparate_1"></div>

<div class="grid_3">
    <div class="productWrapper">
        <div class="productHead">
            <span class="productHeadIcon"></span>
            <h3>Tên sản phẩm này</h3>
        </div>
        
        <div class="productImage">
            <a href="images/products/image_05.jpg" title=""
               class="fancybox" data-fancybox-group="gallery" data-title-id="5">
                <img src="images/products/05.jpg" />
            </a>
        </div>
        
        <div class="productFoot">
            <span class="productFootText_1">KT: 50x20x20cm</span>
            <span class="productFootText_2">MS:CG-001</span>
        </div>
        
         <div class="null" id="fancyTitle5">
            Title 5 (KT: 50x20x20cm, MS:CG-002)
        </div>
    </div>
    <div class="productShadow"></div>
</div>
<div class="grid_3">
    <div class="productWrapper">
        <div class="productHead">
            <span class="productHeadIcon"></span>
            <h3>Tên sản phẩm này</h3>
        </div>
        
        <div class="productImage">
            <a href="images/products/image_06.jpg" title=""
               class="fancybox" data-fancybox-group="gallery" data-title-id="6">
                <img src="images/products/06.jpg" />
            </a>
        </div>
        
        <div class="productFoot">
            <span class="productFootText_1">KT: 50x20x20cm</span>
            <span class="productFootText_2">MS:CG-001</span>
        </div>
        
         <div class="null" id="fancyTitle6">
            Title 6 (KT: 50x20x20cm, MS:CG-002)
        </div>
    </div>
    <div class="productShadow"></div>
</div>
<div class="grid_3">
    <div class="productWrapper">
        <div class="productHead">
            <span class="productHeadIcon"></span>
            <h3>Tên sản phẩm này</h3>
        </div>
        
        <div class="productImage">
            <a href="images/products/image_07.jpg" title=""
               class="fancybox" data-fancybox-group="gallery" data-title-id="7">
                <img src="images/products/07.jpg" />
            </a>
        </div>
        
        <div class="productFoot">
            <span class="productFootText_1">KT: 50x20x20cm</span>
            <span class="productFootText_2">MS:CG-001</span>
        </div>
        
        <div class="null" id="fancyTitle7">
            Title 7 (KT: 50x20x20cm, MS:CG-002)
        </div>
    </div>
    <div class="productShadow"></div>
</div>
<div class="grid_3">
    <div class="productWrapper">
        <div class="productHead">
            <span class="productHeadIcon"></span>
            <h3>Tên sản phẩm này</h3>
        </div>
        
        <div class="productImage">
            <a href="images/products/image_08.jpg" title=""
               class="fancybox" data-fancybox-group="gallery" data-title-id="8">
                <img src="images/products/08.jpg" />
            </a>
        </div>
        
        <div class="productFoot">
            <span class="productFootText_1">KT: 50x20x20cm</span>
            <span class="productFootText_2">MS:CG-001</span>
        </div>
        
        <div class="null" id="fancyTitle8">
            Title 8 (KT: 50x20x20cm, MS:CG-002)
        </div>
    </div>
    <div class="productShadow"></div>
</div>
<div class="grid_12 productSeparate_1"></div>

<div class="grid_3">
    <div class="productWrapper">
        <div class="productHead">
            <span class="productHeadIcon"></span>
            <h3>Tên sản phẩm này</h3>
        </div>
        
        <div class="productImage">
            <a href="images/products/image_01.jpg" title=""
               class="fancybox" data-fancybox-group="gallery" data-title-id="9">
                <img src="images/products/01.jpg" />
            </a>
        </div>
        
        <div class="productFoot">
            <span class="productFootText_1">KT: 50x20x20cm</span>
            <span class="productFootText_2">MS:CG-001</span>
        </div>
        
        <div class="null" id="fancyTitle9">
            Title 9 (KT: 50x20x20cm, MS:CG-002)
        </div>
    </div>
    <div class="productShadow"></div>
</div>
<div class="grid_3">
    <div class="productWrapper">
        <div class="productHead">
            <span class="productHeadIcon"></span>
            <h3>Tên sản phẩm này</h3>
        </div>
        
        <div class="productImage">
            <a href="images/products/image_02.jpg" title=""
               class="fancybox" data-fancybox-group="gallery" data-title-id="10">
                <img src="images/products/02.jpg" />
            </a>
        </div>
        
        <div class="productFoot">
            <span class="productFootText_1">KT: 50x20x20cm</span>
            <span class="productFootText_2">MS:CG-001</span>
        </div>
        
        <div class="null" id="fancyTitle10">
            Title 10 (KT: 50x20x20cm, MS:CG-002)
        </div>
    </div>
    <div class="productShadow"></div>
</div>
<div class="grid_3">
    <div class="productWrapper">
        <div class="productHead">
            <span class="productHeadIcon"></span>
            <h3>Tên sản phẩm này</h3>
        </div>
        
        <div class="productImage">
            <a href="images/products/image_03.jpg" title=""
               class="fancybox" data-fancybox-group="gallery" data-title-id="11">
                <img src="images/products/03.jpg" />
            </a>
        </div>
        
        <div class="productFoot">
            <span class="productFootText_1">KT: 50x20x20cm</span>
            <span class="productFootText_2">MS:CG-001</span>
        </div>
        
        <div class="null" id="fancyTitle11">
            Title 11 (KT: 50x20x20cm, MS:CG-002)
        </div>
    </div>
    <div class="productShadow"></div>
</div>
<div class="grid_3">
    <div class="productWrapper">
        <div class="productHead">
            <span class="productHeadIcon"></span>
            <h3>Tên sản phẩm này</h3>
        </div>
        
        <div class="productImage">
            <a href="images/products/image_04.jpg" title=""
               class="fancybox" data-fancybox-group="gallery" data-title-id="12">
                <img src="images/products/04.jpg" />
            </a>
        </div>
        
        <div class="productFoot">
            <span class="productFootText_1">KT: 50x20x20cm</span>
            <span class="productFootText_2">MS:CG-001</span>
        </div>
        
        <div class="null" id="fancyTitle12">
            Title 12 (KT: 50x20x20cm, MS:CG-002)
        </div>
    </div>
    <div class="productShadow"></div>
</div>
<div class="grid_12 productSeparate_1"></div>

<div class="grid_3">
    <div class="productWrapper">
        <div class="productHead">
            <span class="productHeadIcon"></span>
            <h3>Tên sản phẩm này</h3>
        </div>
        
        <div class="productImage">
            <a href="images/products/image_05.jpg" title=""
               class="fancybox" data-fancybox-group="gallery" data-title-id="13">
                <img src="images/products/05.jpg" />
            </a>
        </div>
        
        <div class="productFoot">
            <span class="productFootText_1">KT: 50x20x20cm</span>
            <span class="productFootText_2">MS:CG-001</span>
        </div>
        
        <div class="null" id="fancyTitle13">
            Title 13 (KT: 50x20x20cm, MS:CG-002)
        </div>
    </div>
    <div class="productShadow"></div>
</div>
<div class="grid_3">
    <div class="productWrapper">
        <div class="productHead">
            <span class="productHeadIcon"></span>
            <h3>Tên sản phẩm này</h3>
        </div>
        
        <div class="productImage">
            <a href="images/products/image_06.jpg" title=""
               class="fancybox" data-fancybox-group="gallery" data-title-id="14">
                <img src="images/products/06.jpg" />
            </a>
        </div>
        
        <div class="productFoot">
            <span class="productFootText_1">KT: 50x20x20cm</span>
            <span class="productFootText_2">MS:CG-001</span>
        </div>
        
        <div class="null" id="fancyTitle14">
            Title 14 (KT: 50x20x20cm, MS:CG-002)
        </div>
    </div>
    <div class="productShadow"></div>
</div>
<div class="grid_3">
    <div class="productWrapper">
        <div class="productHead">
            <span class="productHeadIcon"></span>
            <h3>Tên sản phẩm này</h3>
        </div>
        
        <div class="productImage">
            <a href="images/products/image_07.jpg" title=""
               class="fancybox" data-fancybox-group="gallery" data-title-id="15">
                <img src="images/products/07.jpg" />
            </a>
        </div>
        
        <div class="productFoot">
            <span class="productFootText_1">KT: 50x20x20cm</span>
            <span class="productFootText_2">MS:CG-001</span>
        </div>
        
        <div class="null" id="fancyTitle15">
            Title 15 (KT: 50x20x20cm, MS:CG-002)
        </div>
    </div>
    <div class="productShadow"></div>
</div>
<div class="grid_3">
    <div class="productWrapper">
        <div class="productHead">
            <span class="productHeadIcon"></span>
            <h3>Tên sản phẩm này</h3>
        </div>
        
        <div class="productImage">
            <a href="images/products/image_08.jpg" title=""
               class="fancybox" data-fancybox-group="gallery" data-title-id="16">
                <img src="images/products/08.jpg" />
            </a>
        </div>
        
        <div class="productFoot">
            <span class="productFootText_1">KT: 50x20x20cm</span>
            <span class="productFootText_2">MS:CG-001</span>
        </div>
        
        <div class="null" id="fancyTitle16">
            Title 16 (KT: 50x20x20cm, MS:CG-002)
        </div>
    </div>
    <div class="productShadow"></div>
</div>
<div class="grid_12 productSeparate_1" style="height: 10px;"></div>

<div class="pager">
	<ul class="pagination" id="yw1">
		<li class="first hidden">
            <a href="javascript:void()" class="link">&Lt;</a>
		</li>
		<li class="previous">
            <a href="javascript:void()" class="link lnColor2">&Lt;</a>
		</li>
        <li class="page">
            <a href="javascript:void()" class="link lnColor2">1</a>
		</li>
        <li class="page">
            <a href="javascript:void()" class="link lnColor2">2</a>
		</li>
        <li class="page">
            <a href="javascript:void()" class="link lnColor2">3</a>
		</li>
        <li class="page">
            <a href="javascript:void()" class="link lnColor2">4</a>
		</li>
        <li class="page selected">
            <a href="javascript:void()" class="link lnColor2">5</a>
		</li>
        <li class="page">
            <a href="javascript:void()" class="link lnColor2">6</a>
		</li>
        <li class="page">
            <a href="javascript:void()" class="link lnColor2">7</a>
		</li>
        <li class="page">
            <a href="javascript:void()" class="link lnColor2">8</a>
		</li>
        <li class="page">
            <a href="javascript:void()" class="link lnColor2">9</a>
		</li>
		<li class="next">
            <a href="javascript:void()" class="link lnColor2">&Gt;</a>
        </li>
		<li class="last hidden">
            <a href="javascript:void()" class="link">&Gt;</a>
        </li>
	</ul>
</div>

<script type="text/javascript">
    (function ($, F) {
    F.transitions.resizeIn = function() {
        var previous = F.previous,
            current  = F.current,
            startPos = previous.wrap.stop(true).position(),
            endPos   = $.extend({opacity : 1}, current.pos);

        startPos.width  = previous.wrap.width();
        startPos.height = previous.wrap.height();

        previous.wrap.stop(true).trigger('onReset').remove();

        delete endPos.position;

        current.inner.hide();

        current.wrap.css(startPos).animate(endPos, {
            duration : current.nextSpeed,
            easing   : current.nextEasing,
            step     : F.transitions.step,
            complete : function() {
                F._afterZoomIn();

                current.inner.fadeIn("fast");
            }
        });
    };

}(jQuery, jQuery.fancybox));
    $('.fancybox').fancybox({
        prevEffect : 'none',
		nextEffect : 'none',
		closeBtn   : true,
        loop       : false,
		helpers		: {
			title	: { type : 'inside' },
			buttons	: {}
		},
        beforeLoad: function() {
            var el, id;
            id = $(this.element).data('title-id');

            if (id) {
                el = $('#fancyTitle' + id);

                if (el.length) {
                    this.title = el.html();
                }
            }
        }
    });
</script>